<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      const properties = [
        '中华园,北京市,公寓',
        '华景苑,上海市,别墅',
        '新城市广场,深圳市,公寓',
        '雅居乐花园,广州市,别墅',
        '恒大城,广州市,公寓',
        '太阳花园,北京市,别墅',
      ];

      function render(data) {
        const obj = {
          公寓: [],
          别墅: [],
        };
        data.forEach((item) => {
          item.split(',').includes('公寓')
            ? obj.公寓.push(item.split(',')[0])
            : obj.别墅.push(item.split(',')[0]);
        });
        return obj;
      }
      //参考答案
      function renderHouse(data) {
        const obj = {};
        data
          .map((item) => item.split(','))
          .forEach((item) => {
            const [houseName, , houseType] = item;
            if (obj[houseType]) {
              obj[houseType].push(houseName);
            } else {
              obj[houseType] = [];
              obj[houseType].push(houseName);
            }
          });
        return obj;
      }
      console.log(render(properties));
      console.log(renderHouse(properties));
    </script>
  </body>
</html>
